<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>KAIST-CANSS</title>
		<link href="design/index.css" rel="stylesheet" type="text/css" />
		<link href="design/overlay.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="lib/mousecapture.js"></script>
		<!-- 
		<script type="text/javascript" src="lib/jquery-latest.js"></script>
		 -->
		<script type="text/javascript" src="lib/jquery-1.2.6.min.js"></script>
		<script type="text/javascript" src="lib/jquery.ui-1.6.4.js"></script>
	</head>
	<body onload="initMouseCapture();">
		<%session = request.getSession(true); %>
		<%
			if (request.getParameter("loginfailed") != null)
				session.invalidate();
		%>
	
		<script type="text/javascript">
			function focusinput()
			{
				var input_username = document.getElementById('_txt_pid');
				input_username.focus();
			}
			window.setTimeout('focusinput()', 500);
			
			
			$(document).ready(function()
			{
				$("#i_desc").hide();
			  $("#i_trigger").hover(function()
			  {
				
			  	$("#i_desc").show("drop");
			  },function()
			  {
			  	$("#i_desc").hide("drop");
			  });
			});
		</script>
	
		<!-- loading frame -->
		<div id="overlay"
			style="z-index: 150; position: absolute; width: 100%; display: none; height: 100%; top: 0px; left: 0px;"><img
			width="40" height="40" id="loadingImage" style="position: absolute; top: 50%; left: 50%;" src="design/img/loading.gif"
			complete="complete" /></div>
		<!-- loading frame -->

		<div id='container'>
			<br>
			<div class='head2'>
				<p class='h1'><b>Login page</b></p>
			</div>
			<p class='h2'>
				<center>
					<table cellspacing="0" cellpadding="0" style="board-width:0px;margin:0px;pandding:0px">
						<tbody>
							<tr>
								<td colspan=3 style="width:577px;height:5px;background-color:black;"></td>
								<td style="width:79px;height:5px;background-color:black;"></td>
								<td style="width:5px;height:5px;background-color:black;"></td>
							</tr>
							<tr>
								<td style="width:5px;height:326px;background-color:black;">
								</td>
								<td style="width:567px;height:326px;background-color:black;">
									<img src="design/img/login_screen_desc.png" 
									style="margin:0px;padding:0px;position:absolute;" id="i_desc"/>
									<img src="design/img/loginScreen.png" width="567" height="326" align="middle"
									style="margin:0px;padding:0px;Z-INDEX:10" />
								</td>
								<td style="width:5px;height:326px;background-color:black;"></td>
								<td style="width:79px;height:326px;background-color:black;">
									<img src="design/img/index_side_new.png" width="79" height="326" align="middle"
									style="margin:0px;padding:0px;Z-INDEX:100;cursor:help" id="i_trigger" />
								</td>
								<td style="width:5px;height:326px;background-color:black;"></td>
							</tr>
							<tr>
								<td colspan=5 style="width:661px;height:5px;background-color:black;"></td>
							</tr>
							<tr >
								<td style="width:5px;height:48px;background-color:black;"></td>
								<td colspan=3 style="width:567px;height:48px;background-color:black;text-align:center">
									<form action="svtLogin" method="post" style="width:651px;height:48px;margin:0px">
										<span style="color:white;">id: </span><input name="_pid" class="textinput" id="_txt_pid" type="text"/>
										<span style="color:white;">pw: </span><input name="_pw" class="textinput" type="password"/>
										<span style="color:white;"> | </span><input name="alogin" class="formButton" onclick="document.getElementById('overlay').style.display='block';" type="submit" value="Login"/>
										<span style="color:white;"> | </span><a name="ajoin" class="ajoin" href="joinus.jsp">Join us</a>
										<br/>
										<span style="margin:5px">
											We provide a <B><a href="joinus.jsp">link</a></B> to join our syndication-system as a <B>content provider</B>, or a <B>3'rd party user</B>.
										</span>
										<input type="hidden" name="_rurl" value="mainframe.jsp" />
									</form>
								</td>
								<td style="width:5px;height:5px;background-color:black;"></td>
							</tr>
							<tr>
								<td colspan=5 style="width:661px;height:5px;background-color:black;"></td>
							</tr>
						</tbody>
					</table>
				</center>
			</p>
		</div>
		
		
	</body>
</html>